<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" href="yuan-menu/css/yuan-menu.css" />
		<style>
			
		</style>
	</head>
	
	<body>
		<!-- 加载中 方形四个圆-->
		<!--<div class="yuan-box">
			<div class="yuan-tow-load">
				<div class="yuan-tow-load-text yuan-anim yuan-anim-rotate yuan-anim-loop">
					<i class="yuan-icon">&#xeb78;</i>
				</div>
			</div>
		</div>-->
		<!--<div class="yuan-box">
			<div class="yuan-box-loading">
		        <span></span>
		        <span></span>
		        <span></span>
		        <span></span>
		    </div>
		</div>-->
		<!-- 加载中 转圈圈 -->
		<!--<div class="yuan-loader">
			<div class="yuan-loader-inner"></div>
		</div>-->
		<!-- 加载中  点点点 -->
		<!--<div id="layer-loading" class="yuan-m-layer yuan-m-layer2" index="0">
			<div class="yuan-m-layershade"></div>
			<div class="yuan-m-layermain">
				<div class="yuan-m-layersection">
					<div class="yuan-m-layerchild  yuan-m-anim-scale">
						<div class="yuan-m-layercont">
							<i></i>
							<i class="yuan-m-layerload"></i>
							<i></i>
						</div>
					</div>
				</div>
			</div>
		</div>-->
		
		<div class="yuan-mian">
			<!-- 顶部-->
			<div class="yuan-head">
				<div class="yuan-head-logo">
					<i class="yuan-icon" style="font-size: 20px;">&#xe60e;</i>
					<span class="yuan-head-logo-text">项目名称</span>
				</div>
				<div class="yuan-head-center"></div>
				<div class="yuan-head-right"></div>
			</div>
			<!-- 左侧菜单-->
			<div class="yuan-left">
				<div class="yuan-left-content">
					<div class="yuan-left-tree">
					</div>
				</div>
			</div>
			<!-- 页面块-->
			<div class="yuan-body">
				<div class="yuan-body-content">
					<div class="yuan-body-head">
						<ul class="yuan-body-ul">
						</ul>
					</div>
					<div class="yuan-body-tab" style="top: 30px;">
						<div class="yuan-body-item">
							<iframe class="yuan-body-iframe"></iframe>
						</div>
					</div>
				</div>
			</div>
			<!--<div class="yuan-body">
				<div class="yuan-body-content">
					<div class="yuan-body-tab">
						<div class="yuan-body-item">
							<div class="yuan-body-iframe" style="overflow: auto;"></div>
						</div>
					</div>
				</div>
			</div>-->
			<!--<div class="yuan-footer"></div>-->
		</div>
	</body>
	<script src="js/jquery-3.2.1.min.js"></script>
	<script type="text/javascript" src="yuan-menu/js/yuan-menu.js" ></script>
	<script>
		
		// 获取菜单数据
		$.getJSON("js/data.json", function(data){
			// 初始化菜单插件 
			yuan.loadMenus({
				animation: true,
				menuType: 2,
				thisStyle: 3,
				topIconIndex: 0,
				data: data
			})
		})
		
		
	</script>
</html>
